<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <!-- 装饰器内容勿动 start -->
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="root_path" content="<%=request.getContextPath()%>" id="JQ_root_path">
    <meta name="_token" content="<%=request.getSession().getAttribute("_token")%>" id="JQ_token">
    <meta name="file_path" content="${File_Server_Path}" id="JQ_file_path">
    <meta name="menu_mark" content="${menuMark}" id="JQ_menu_mark">
    <!-- -->
    <title>清管记录 - 历史查询 - 清管管理</title>
    <link rel="stylesheet" href="<%=request.getContextPath()%>/static/css/core.css">
    <link rel="stylesheet" href="<%=request.getContextPath()%>/static/css/style.css">
    <link rel="stylesheet" href="<%=request.getContextPath()%>/static/js/plugin/scrollbar/css/jquery.mCustomScrollbar.css">
    <link rel="stylesheet" href="${pageContext.request.contextPath}/static/js/plugin/datetimepicker/jquery.datetimepicker.min.css">
    <script src="<%=request.getContextPath()%>/static/js/lib/jquery-1.12.3.min.js"></script>
    <script src="<%=request.getContextPath()%>/static/js/plugin/scrollbar/js/jquery.mousewheel.min.js"></script>
    <script src="<%=request.getContextPath()%>/static/js/plugin/scrollbar/js/jquery.mCustomScrollbar.min.js"></script>
    <!-- 装饰器内容勿动 start -->
    <!-- plugin -->
    <link rel="stylesheet" href="${pageContext.request.contextPath}/static/js/plugin/datetimepicker/jquery.datetimepicker.min.css">
</head>
<body>
<!-- ajax loading box -->
<div class="zy-ajax-loading"><p><img src="<%=request.getContextPath()%>/static/img/loading_01.gif"></p>
    <p>数据加载中，请稍等...</p></div>
<!-- ajax error box -->
<div class="zy-error-box"><span class="zy-error-btn" title="关闭提示">×</span>
    <div class="zy-error-body"></div>
</div>
<!-- big container -->
<div class="page-container">
    <!-- menu -->
    <div class="sidebar-menu">
        <div class="sidebar-menu-inner">
            <div class="logo-nav"><img src="<%=request.getContextPath()%>/static/img/logo_defect.png"></div>
            <div id="JQ_menu_active_arr" class="hidden"><c:forEach items="${menuActiveList}" var="m">${m.id},</c:forEach></div>
            <!-- menu - list -->
            <div id="JQ_sidebar_box">
                <ul class="first-menu" id="JQ_first_menu">
                    <li class="active">
                        <a href="#" class="nav-bg-01"><i></i>任务管理</a>
                    </li>
                    <li>
                        <a href="#" class="nav-bg-02"><i></i>跟踪管理</a>
                    </li>
                    <li>
                        <a href="/pic/pbf/external/externalInspection.html"
                           class="nav-bg-03"><i></i>历史查询</a>
                    </li>
                </ul>
            </div>
            <div class="copy-right">Copyright 2016<br>四川德源云管道信息技术有限公司</div>
        </div>
    </div>
    <!-- content -->
    <div class="main-content">
        <!-- top-bar -->
        <div id="JQ_top_bar" class="top-bar">
            <div class="top-bar-inner">
                <div class="top-user-info" style="width:auto">
                    <span class="top-user-photo"></span>
                    <a href="<%=request.getContextPath()%>/userSelfInfo/userSelfPage.html"><span
                            class="top-user-name">${username}</span>&nbsp;&nbsp;</a>
                    <a href="<%=request.getContextPath()%>/loginout.html"><span class="top-user-set r">退出 <i
                            class="zy-out-icon"></i></span></a>
                </div>
                <ul class="top-nav">
                    <li><a href="<%=request.getContextPath()%>/toHome.html"><i class="zy-home-icon"></i>主页</a></li>
                    <li><a href="#"><i class="zy-doc-icon"></i>文档中心</a></li>
                    <li><a href="#"><i class="zy-matter-icon"></i>管理报表</a></li>
                    <li><a href="http://www.pipemaster.cn" target="_blank"><i class="zy-service-icon"></i>专家系统</a></li>
                </ul>
            </div>
        </div>

        <!-- 你的内容 start -->
        <!-- content-body -->
        <div class="main-inner">
            <div class="content-inner">
                <div class="meta-head">
                    <h3>
                        <i></i>历史查询>清管记录
                    </h3>
                </div>
                <div class="xyf-point">
                    <div class="info-top-div">
                        <span class="top-div-title">发球点详情</span>
                        <span id="JQ_start_title">2016苏州官网第一次清管</span>
                        <span class="top-div-remark">距上次清管<i  id="JQ_start_day">300</i>天</span>
                    </div>
                    <div class="xyf-point-info">
                        <ul class="clearFix info-ul" style="margin-top: 15px;">
                            <li>
                                <span>发球点</span>
                                <font  id="JQ_start_ball">测试数据</font>
                            </li>
                            <li>
                                <span>绝对距离(m)</span>
                                <font id="JQ_start_mile">测试数据</font>
                            </li>
                            <li>
                                <span>最近测试桩</span>
                                <font id="JQ_start_pile">测试桩一</font>
                            </li>
                            <li class="fine-li">
                                <span>最近测试桩距离(m)</span>
                                <font  id="JQ_start_pileMile">测试桩儿</font>
                            </li>
                            <li>
                                <span>发球时间</span>
                                <font  id="JQ_start_time">未知</font>
                            </li>
                            <li>
                                <span>发球人</span>
                                <font id="JQ_start_man">测试数据</font>
                            </li>
                            <li>
                                <span>发球时发球站出站压力(MPa)</span>
                                <font id="JQ_start_out">测试数据</font>
                            </li>
                            <li class="fine-li">
                                <span>发球时收球站进站压力(MPa)</span>
                                <font  id="JQ_start_in">测试数据</font>
                            </li>
                            <li>
                                <span>发球时流量</span>
                                <font id="JQ_start_flow">测试数据</font>
                            </li>
                            <li>
                                <span>管道内径(mm)</span>
                                <font id="JQ_start_bore">测试数据</font>
                            </li>
                            <li>
                                <span>清管类型</span>
                                <font id="JQ_start_type">测试数据</font>
                            </li>

                            <li class="fine-li">
                                <span>清管工具</span>
                                <font id="JQ_start_tool">测试数据</font>
                            </li>
                            <li>
                                <span>发球压差(MPa)</span>
                                <font id="JQ_start_pressure">测试数据</font>
                            </li>
                            <li>
                                <span>过盈量(%)</span>
                                <font id="JQ_start_full">测试数据</font>
                            </li>
                        </ul>
                        <div class="clearFix info_foot">
                            <div class="info_foot_img">
                                <span>发球照片</span>
                                <div style="margin: 20px;">图片展示啦啦啦</div>
                            </div>
                            <div class="info_foot_depict xyf_foot_depict">
                                <span>发球点描述</span>
                                <textarea readonly="readonly" id="JQ_start_remark"></textarea>
                            </div>
                        </div>
                    </div>
                </div>

                <div class="zy-table" style="width:100%;height:400px;overflow:auto;position: relative;">
                    <table id="JQ_table" class="zy-datatable" cellpadding="0" cellspacing="0">
                        <thead>
                        <tr>
                            <th width="15%" title="位置描述">位置描述</th>
                            <th width="15%" title="绝对距离">绝对距离(m)</th>
                            <th width="15%" title="清管工具平均速率">清管工具平均速率(m/s)</th>
                            <th width="20%" title="通过时间">通过时间</th>
                            <th width="15%" title="记录人">记录人</th>
                            <th width="10%" title="备注">备注</th>
                            <th width="10%" title="照片">照片</th>
                        </tr>
                        </thead>
                        <tbody>
                        <tr>
                            <td>-</td>
                            <td>-</td>
                            <td>-</td>
                            <td>-</td>
                            <td>-</td>
                            <td>-</td>
                            <td>-</td>
                        </tr>
                        </tbody>
                    </table>
                </div>

                <div class="xyf-point" style="margin-top: 40px;">
                    <div class="info-top-div">
                        <span class="top-div-title">收球点详情</span>
                        <span id="JQ_end_title">2016苏州官网第一次清管</span>
                        <span class="top-div-remark">清管效果<i id="JQ_end_result">良好</i></span>
                    </div>
                    <div class="xyf-point-info">
                        <ul class="clearFix info-ul" style="margin-top: 15px;">
                            <li>
                                <span>收球点</span>
                                <font id="JQ_end_ball">测试</font>
                            </li>
                            <li>
                                <span>绝对距离(m)</span>
                                <font id="JQ_end_mile">测试数据</font>
                            </li>
                            <li>
                                <span>最近测试桩</span>
                                <font id="JQ_end_pile">测试</font>
                            </li>
                            <li class="fine-li">
                                <span>最近测试桩距离(m)</span>
                                <font id="JQ_end_pileMile">测试</font>
                            </li>
                            <li>
                                <span>收球时间</span>
                                <font id="JQ_end_time">测试数据</font>
                            </li>
                            <li>
                                <span>收球人</span>
                                <font id="JQ_end_man">测试</font>
                            </li>
                            <li>
                                <span>收球时发球站出站压力(MPa)</span>
                                <font id="JQ_end_out">测试数据</font>
                            </li>
                            <li class="fine-li">
                                <span>收球时收球站进站压力(MPa)</span>
                                <font id="JQ_end_in">测试</font>
                            </li>
                            <li>
                                <span>收球时流量</span>
                                <font id="JQ_end_flow">测试</font>
                            </li>
                            <li>
                                <span>清管器工具平均速度(m/s)</span>
                                <font id="JQ_end_speed">测试数据</font>
                            </li>
                            <li>
                                <span>最大推球压差(Mpa)</span>
                                <font id="JQ_end_pressure">测试</font>
                            </li>
                            <li class="fine-li">
                                <span>污水(Kg)</span>
                                <font id="JQ_end_water">测试</font>
                            </li>
                            <li>
                                <span>污物(Kg)</span>
                                <font id="JQ_end_goods">测试</font>
                            </li>
                        </ul>
                        <div class="clearFix info_foot">
                            <div class="info_foot_img">
                                <span>发球照片</span>
                                <div style="margin: 20px;">图片展示啦啦啦</div>
                            </div>
                            <div class="info_foot_depict xyf_foot_depict">
                                <span>清除物描述</span>
                                <textarea readonly="readonly" id="JQ_end_remark"></textarea>
                            </div>
                        </div>
                    </div>
                </div>

                <div class="zy-form-line" style="text-align: right">
                    <div class="zy-input-group">
                        <div class="zy-button-inner">
                            <button id="JQ_s" type="button" class="zy-button zy-search"><i class="zy-export-icon"></i>导出</button>
                        </div>
                    </div>
                    <div class="clear"></div>
                </div>

                <!-- 大图框 -->
                <div class="xyf-action-box" id="JQ_img_div">
                    <div class="xyf-close-div" id="JQ_close_div"></div>
                    <img id="JQ_copy_content" src="${pageContext.request.contextPath}/static/img/zy_homepage_bg.jpg">
                </div>
            </div>
        </div>
        <!-- 你的内容 end -->



        <!-- JS start -->
        <!-- plugin -->
        <script src="${pageContext.request.contextPath}/static/js/plugin/datatables/js/jquery.dataTables.min.js"></script>
        <script src="${pageContext.request.contextPath}/static/js/plugin/datetimepicker/jquery.datetimepicker.full.min.js"></script>
        <!-- ui -->
        <script src="${pageContext.request.contextPath}/static/js/ui/ui-main.js"></script>
        <!-- base -->
        <script src="${pageContext.request.contextPath}/static/js/controller/base/base.controller.js"></script>
        <!-- api -->
        <script src="${pageContext.request.contextPath}/static/js/controller/api/cleanPipe.api.js"></script>
        <!-- controller -->
        <script src="${pageContext.request.contextPath}/static/js/controller/cleanPipe/history/historyDetail.controller.js"></script>
        <!-- JS end -->
    </div>
</div>
</body>
</html>